<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS Sliding Door with 1 image (Blue)</title>
    <link rel="stylesheet" href="sliding.css" type="text/css" media="screen" />
</head>
<body>

<ul class="blue">
    <li>
        <a href="#"  title="home" class="current"><span>home</span></a>
    </li>
    <li>
        <a href="#"  title="products"><span>products</span></a>
    </li>
    <li>
        <a href="#"  title="blog"><span>blog</span></a>
    </li>
    <li>
        <a href="#"  title="contact"><span>contact</span></a>
    </li>
</ul>

</body>
</html>